<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <!-- 引入自适应依赖 -->
    <script src="../js/flexible.js"></script>

    <!-- 引入框架 -->
    <link rel="stylesheet" href="./../lib/bootstrap/css/bootstrap.css">

    <!-- 引入自己的less -->
    <link rel="stylesheet" href="./../css/base.css">
    <link rel="stylesheet" href="./../css/sitenav.css">

    <title>商品导航</title>

</head>

<body>
    <!-- 头部区域 -->
    <header id="header" style="color: #fff;">
        <a href="index.html" class="back fl">
            <</a>
                <h3>商品导航</h3>
    </header>

    <main>
        <ul class="info clearfix">
            <li>
                <span>img</span>

            </li>
        </ul>
    </main>

    <!-- 底部 -->
    <footer id="footer">
        <div class="row">
            <div class="col-xs-4">
                <a href="#">登录</a>
            </div>
            <div class="col-xs-4">
                <a href="#">注册</a>
            </div>
            <div class="col-xs-4">
                <a href="#">返回顶部</a>
            </div>
        </div>
        <p> <a href="#">手机APP下载</a> <a href="#">慢慢买手机版</a> -- 掌上比价平台</p>
        <p>m.manmanbuy.com </p>
    </footer>

</body>

</html>
<script src="./../js/template.js"></script>
<script src="./../js/url.js"></script>
<script src="./../lib/jquery/jquery.js"></script>
<script src="./../js/sitenav.js"></script>
<script type="text/html" id="sitenav">
    {{each result as value}}
    <li>
        <a href="{{value.navHref}}">
            <img src="{{value.navImg}}" alt="">
            <span>{{value.navTitle}}</span>
        </a>
    </li>
    {{/each}}
</script>